<script lang="ts" setup>
/*
  学习目标：了解-reactive配合ts的写法
*/

import { reactive } from 'vue';

interface Book {
  title: string
  price?: number
}

// 不推荐使用 reactive() 的泛型参数，因为处理了深层次 ref 解包的返回值与泛型参数的类型不同。
//  const book1 = reactive<Book>({ title: "程序员的自我修养指南" })

// 👍 直接使用注解
const book: Book = reactive({ title: "程序员的自我修养指南" })

</script>

<template>
  <div></div>
</template>
